<div id="wrapper">
    <div id="header" >
        <h1><a href="dashboard.html">OCANA Admin</a></h1>
      
        <a href="javascript:;" id="reveal-nav">
            <span class="reveal-bar"></span>
            <span class="reveal-bar"></span>
            <span class="reveal-bar"></span>
        </a>
    </div> <!-- #header -->

    <div id="sidebar">		
        <ul id="mainNav">		 	
            <li id="navDashboard" class="nav">
                <span class="icon-home"></span>
                <a href="dashboard.html">Dashboard</a>				
            </li>



            <li id="navCharts" class="nav">
                <span class="icon-chart"></span>
                <a href="charts.html">Charts &amp; Graphs</a>
            </li>

            <li id="navMaps" class="nav active">
                <span class="icon-map-pin-fill"></span>
                <a href="maps.html">Map Elements</a>
            </li>

        </ul>

    </div> 
    	<div id="topNav">
		 <ul>
		 	<li>
		 		<a href="#menuProfile" class="menu">admin</a>
		 		
		 		<div id="menuProfile" class="menu-container menu-dropdown">
					<div class="menu-content">
						<ul class="">
							<li><a href="javascript:;">Edit Profile</a></li>
							<li><a href="javascript:;">Edit Settings</a></li>
							<li><a href="javascript:;">Suspend Account</a></li>
						</ul>
					</div>
				</div>
	 		</li>
		 	<li><a href="javascript:;">Upgrade</a></li>
		 	<li>  <a href="../../j_spring_security_logout">Logout</a></li> 
		 </ul>
	</div> <!-- #topNav -->
</div>

